/**
 * @description 系统主css文件
 */

/* 常用padding样式 */
.kui-padding {padding-left: 30rpx;padding-right: 30rpx;}
.kui-padding-vcenter {padding-bottom: 30rpx;padding-top: 30rpx;}
.kui-padding-r {padding-right: 30rpx;}
.kui-margin-l {margin-left: 30rpx;}
.kui-margin-l-small {margin-left: 15rpx;}
.kui-margin-r {margin-right: 30rpx;}
.kui-margin-r-small {margin-right: 15rpx;}
.kui-padding-small {padding-left: 15rpx;padding-right: 15rpx;}
.kui-margin-b {margin-bottom: 30rpx;}
.kui-margin-b-small {margin-bottom: 15rpx;}
.kui-padding-top {padding-top: 30rpx;}
.kui-padding-top2 {padding-top: 60rpx;}
.kui-padding-top3 {padding-top: 90rpx;}

/* 常用margin样式 */
.kui-margin-top2 {margin-top: 60rpx;}
.kui-margin-top3 {margin-top: 90rpx;}
.kui-margin-top {margin-top: 30rpx;}
.kui-margin-top-small {margin-top: 15rpx;}

/* 常用圆角设置 */
.kui-border-radius-small {border-radius: 15rpx;}
.kui-border-radius-small2 {border-radius: 20rpx;}
.kui-border-radius-small-max {border-radius: 10rpx;}
.kui-border-radius {border-radius: 30rpx;}

/* 常用背景样式 */
.kui-bg-black3 {background-color: #333333;}
.kui-bg-black6 {background-color: #666666;}
.kui-bg-black9 {background-color: #999999;}
.kui-bg-green {background-color: #00BC79;}
.kui-bg-green-opacity1 {background-color: rgba(0,188,121,0.1);}
.kui-bg-white {background-color: rgba(255, 255, 255, 1);}
.kui-bg-white-opacity3 {background-color: rgba(255, 255, 255, 0.3);}

.kui-flex {display: flex;}
.kui-flex1 {flex: 1;}
.kui-flex-column {display: flex; flex-direction: column;}
.kui-flex-center {justify-content: center;}
.kui-flex-vcenter {align-items: center;}
.kui-flex-space-between {justify-content: space-between;}
.kui-flex-start {justify-content: flex-start;}
.kui-flex-end {justify-content: flex-end;}

/* 常用字体样式 */
.kui-text {font-size: 28rpx !important;}
.kui-text-s30 {font-size: 30rpx !important;}
.kui-text-s32 {font-size: 32rpx !important;}
.kui-text-scale-transition {transform: scale(1);transition: all 1s;}
.kui-text-small {font-size: 23rpx !important;}
.kui-text-small1 {font-size: 26rpx !important;}
.kui-text-small2 {font-size: 22rpx !important;}
.kui-text-small-max {font-size: 20rpx !important;}
.kui-text-small-max1 {font-size: 18rpx !important;}
.kui-text-center {text-align: center;}
.kui-text-bold {font-weight: bold;}

/* 常用颜色样式 */
.kui-color-white-opacity8 {color: rgba(255, 255, 255, 0.9);}
.kui-color-white-opacity5 {color: rgba(255, 255, 255, 0.5);}
.kui-color-green {color: #00BC79;}
.kui-color-white {color: #FFFFFF;}
.kui-color-black9 {color: #999999;}
.kui-color-warning {color: #F0AD4E;}

/* 常用透明度样式 */
.kui-opacity9 {opacity: 0.9;}
.kui-opacity8 {opacity: 0.8;}
.kui-opacity7 {opacity: 0.7;}
.kui-opacity6 {opacity: 0.6;}
.kui-opacity5 {opacity: 0.5;}
.kui-opacity4 {opacity: 0.4;}
.kui-opacity3 {opacity: 0.3;}
.kui-opacity2 {opacity: 0.2;}
.kui-opacity1 {opacity: 0.1;}

/* 常用边框样式 */
.kui-border {border: 1rpx solid #ABCDEF;}
.kui-border-r-color-opacity5 {border-right: 1rpx solid rgba(255, 255, 255, 0.5);}
.kui-border-color-warning {border: 1rpx solid #F0AD4E;}

/* scroll-view横向滚动基础样式 */
.kui-scroll_h {white-space: nowrap;width: 100%;}
/* display: inline-block; */
.kui-scroll-item_h{display: inline-block;width: 200rpx;height: 200rpx;border-radius: 15rpx;}
.kui-scroll-item_h-image{width: 200rpx;height: 200rpx;border-radius: 15rpx;}
.kui-text-wrap {white-space: normal;}
.kui-text-lh {line-height: 30rpx !important;}

.kui-view-autowidth {width: max-content;}

/* 带播放量的播放按钮样式 */
.kui-number-play-btn {padding: 5rpx 15rpx;}

/* 其他样式 */
.kui-relative {position: relative;}

/* 自定义导航栏 */
.kui-header {
	height: 88rpx;
}